/**
 * Copyright 2019 Mashiro
 * @description footer.scss
 * @author Mashiro
 * @license MIT
 */

footer {
    position: relative;
    margin-top: 60px;
    background-color: $mdc-theme-primary;

    .before {
        display: block;
        width: 100%;
        background-position: center;
        background-size: auto 100%;
        background-image: url($img-wave-svg);
        height: 30px;
        position: absolute;
        top: -30px;

        @media screen and (max-width: $tablet-min-width) {
            display: none;
        }
    }

    .main {
        padding: 30px;
        text-align: center;
        color: $font-color-super-light;
    }

}